
function sendMessage() {
    const userInput = document.getElementById('userInput').value;
    if (userInput.trim() === '') {
        alert('请输入内容');
        return;
    }

    // 显示加载状态
    const chatBox = document.getElementById('chatBox');
    const loadingElement = document.createElement('div');
    loadingElement.textContent = '正在处理中...';
    chatBox.appendChild(loadingElement);

    // 发送请求到后端接口
    fetch(`http://localhost:8080/ai/chat?prompt=${encodeURIComponent(userInput)}`) // 确认没有多余的“？”字符
        .then(response => {
            if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
            }
            return response.json();
        })
        .then(data => {
            // 移除加载状态
            chatBox.removeChild(loadingElement);

            // 在对话框中显示响应内容
            const messageElement = document.createElement('div');
            messageElement.textContent = data.response || '未收到有效响应'; // 假设后端返回的数据结构为 {response: '...'}
            chatBox.appendChild(messageElement);
        })
        .catch(error => {
            console.error('Error:', error); // 打印详细错误信息
            // 移除加载状态
            chatBox.removeChild(loadingElement);

            // 在页面上显示具体的错误信息
            const errorElement = document.createElement('div');
            errorElement.textContent = `发送失败: ${error.message}`;
            chatBox.appendChild(errorElement);
        });
}
